<!--<template>-->
<!--    <div class="wrapper">-->
<!--        <el-container class="recharge-container">-->
<!--        <el-header>-->
<!--            <h2 class="title">钱包转账</h2>-->
<!--        </el-header>-->
<!--        <el-main>-->
<!--            <el-form ref="formObj" :model="user" :rules="rules" style="margin-left: 45px;">-->
<!--                <h4>钱包余额：<span>{{amount.toFixed(2)}}</span></h4>-->
<!--                <br/>-->
<!--                <el-form-item label="对方手机号" prop="tophone">-->
<!--                    <el-input v-model="user.tophone" placeholder="请输入对方手机号" style="width: 50%;"></el-input>-->
<!--                </el-form-item>-->
<!--                <el-form-item label="转账金额：" prop="transferAmount">-->
<!--                    <el-input @input="onInput" v-model="user.transferAmount" placeholder="请输入转账金额" style="width: 50%;"></el-input>-->
<!--                </el-form-item>-->
<!--                <el-button type="primary" class="transfer-btn" @click="handletransfer()">转账</el-button>-->
<!--            </el-form>-->
<!--        </el-main>-->
<!--        </el-container>-->
<!--    </div>-->
<!--    <div class="dialogmain">-->
<!--        <el-dialog-->
<!--        v-model="dialog.show"-->
<!--        title="确认转账"-->
<!--        center-->
<!--        width="400"-->
<!--        style="margin-left:43%;margin-top: 26vh;"-->
<!--        :close-on-click-modal="false">-->
<!--            <div class="content">-->
<!--                <div>-->
<!--                    <h3>转账金额：<strong>{{ user.transferAmount }}</strong></h3>-->
<!--                    <p>为了验证你是否是本人,请输入验证码</p>-->
<!--                    <el-form-item style="display: flex;margin-top: 20px;">-->
<!--                        <el-input v-model="verifyCode" placeholder="验证码" style="width: 30%;margin-right: 20px;"/>-->
<!--                        <el-link @click="sendVerifyCode()">发送验证码</el-link>-->
<!--                    </el-form-item>-->
<!--                </div>-->
<!--            </div>-->
<!--            <template #footer>-->
<!--                <span>-->
<!--                    <el-button @click="dialog.show = false" class="dialog-btn">取 消</el-button>-->
<!--                    <el-button type="primary" @click="VerifyCode()" class="dialog-btn">确 定</el-button>-->
<!--                </span>-->
<!--            </template>-->
<!--        </el-dialog>-->
<!--    </div>-->
<!--</template>-->
<!--  -->
<!--<script setup>-->
<!--import { ref,reactive} from 'vue';-->
<!--import { ElContainer, ElHeader, ElMain, ElInput, ElButton, ElMessage } from 'element-plus';-->
<!--import { getCookieForObject, setCookiesFromObject } from '@/util';-->
<!--import { post,get } from '@/plugins/axios';-->
<!--const dialog = ref({-->
<!--    show: false-->
<!--});-->
<!--//表单-->
<!--const verifyCode =ref()-->
<!--const formObj=ref()-->
<!--const user = reactive({-->
<!--    id: '',-->
<!--    email: '',-->
<!--    phone: '',-->
<!--    tophone: '',-->
<!--    transferAmount: 0-->
<!--});-->
<!--//初始钱包余额-->
<!--const amount=ref(0)-->
<!--init()-->
<!--function init(){-->
<!--    const user_c=getCookieForObject('user')-->
<!--    amount.value=Number(user_c.account)-->
<!--    user.id=user_c.id-->
<!--    user.email=user_c.email-->
<!--    user.phone=user_c.phone-->
<!--}-->
<!--function onInput() {-->
<!--  const regex = /^\D*([0-9]\d*\.?\d{0,2})?.*$/-->
<!--  user.transferAmount = String(user.transferAmount).replace(regex, '$1');-->
<!--}-->
<!--const rules = {-->
<!--    transferAmount: [-->
<!--        { required: true, message: '请输入转账金额', trigger: 'blur' },-->
<!--        { pattern: /^[+]?([1-9]\d*(\.\d+)?|0\.\d*[1-9]\d*)$/ , message: '请输入正数', trigger: 'blur' }-->
<!--        -->
<!--    ],-->
<!--    tophone: [-->
<!--        { required: true, message: '请输入对方手机号', trigger: 'blur' },-->
<!--        { pattern: /^1[3456789]\d{9}$/, message: '手机号格式错误', trigger: 'blur' },-->
<!--        { validator: check, trigger: 'blur' }-->
<!--    ]-->
<!--};-->
<!--function check(rule,value,callback){-->
<!--	get("/tUser/check",{id:user.id,value,field:'phone'},res=>{-->
<!--		if(!res){-->
<!--            -->
<!--			callback();-->
<!--		}-->
<!--		else{-->
<!--            if(user.tophone==user.phone){-->
<!--                callback(new Error('不能转账给自己'))-->
<!--            }-->
<!--			else callback(new Error('该手机号未注册'));-->
<!--		}-->
<!--	})-->
<!--}-->
<!--function sendVerifyCode() {-->
<!--  post("/tUser/sendVerificationCode", { email: user.email }, content => {-->
<!--    if (content) {-->
<!--      ElMessage.success('验证码发送成功');-->
<!--    } else {-->
<!--      ElMessage.error('验证码发送失败');-->
<!--    }-->
<!--  })-->
<!--}-->
<!--function VerifyCode(){-->
<!--  post("/tUser/verifyCode", { email: user.email, code: verifyCode.value }, content => {-->
<!--    if (content) {-->
<!--        post("/tUser/transfer",{id:user.id,tophone:user.tophone,transferAmount:user.transferAmount},res =>{-->
<!--            if(content){-->
<!--                amount.value=amount.value-user.transferAmount-->
<!--                const user_c=getCookieForObject('user')-->
<!--                user_c.account=amount.value-->
<!--                setCookiesFromObject('user',user_c)-->
<!--                ElMessage.success('转账成功');-->
<!--            }-->
<!--        })-->
<!--        dialog.value.show=false-->
<!--    } else {-->
<!--        ElMessage.error('验证失败');-->
<!--    }-->
<!--  })-->
<!--}-->
<!--function handletransfer(){-->
<!--    formObj.value.validate((valid) => {-->
<!--        if (valid) {-->
<!--            dialog.value.show = true;-->
<!--            verifyCode.value = '';-->
<!--        } else {-->
<!--            ElMessage.error('请检查表单')-->
<!--            return false;-->
<!--        }-->
<!--    });-->
<!--}-->
<!--</script>-->

<!--<style lang="scss" scoped>-->
<!--.wrapper {-->
<!--    height: 576px;-->
<!--    background-color: #f5f7fa;-->
<!--    border-radius: 8px;-->
<!--    padding: 20px;-->
<!--    box-sizing: border-box;-->
<!--}-->

<!--.recharge-container {-->
<!--    max-width: 60%;-->
<!--    margin: 0px auto;-->
<!--    padding: 90px 40px;-->
<!--    .title {-->
<!--        font-size: 24px;-->
<!--        color: #333;-->
<!--        text-align: center;-->
<!--        margin-bottom: 20px;-->
<!--    }-->

<!--    .custom-amount {-->
<!--        width: 50%;-->
<!--        margin-bottom: 20px;-->
<!--        margin-left: 50px;-->

<!--    }-->
<!--    .payment-method {-->
<!--        width: 50%;-->
<!--        margin-left: 50px;-->
<!--    }-->
<!--    .el-main{-->
<!--        margin-left: 20%;-->
<!--    }-->
<!--    .transfer-btn {-->
<!--        width: 50%;-->
<!--        margin-left: 20px;       -->
<!--        margin-top: 20px;-->
<!--    }-->
<!--}-->
<!--.dialogmain{-->
<!--    &#45;&#45;el-dialog-margin-top: 22vh;-->
<!--    margin-left: 50%;-->
<!--    position: absolute;-->
<!--    .content {-->
<!--        margin-left: 20%;-->
<!--        img {-->
<!--            margin-top: 20px;-->
<!--        }-->
<!--    }-->
<!--    .dialog-btn {-->
<!--        width: 100px;-->
<!--        margin: 0 10px;-->
<!--    }-->
<!--}-->
<!--</style>-->
<!-- -->